html,body,div,p,h1,h2,h3,h4,h5,h6,ul,li{
	margin: 0 auto;
	padding:0;
	box-sizing:border-box;
}

html,body{
	width:100%;
	height:100%;
	background-color:#fff;
	min-width:1190px;
	position: relative;
	font-size:12px;
	color:#999;
	overflow-x: hidden;
}
.after::after{display: block;content:"";clear: both;height:0;}
/*顶部导航栏样式*/
.top{
	width:100%;
	height:26px;
	background-color:#f2f2f2;
	border-bottom:1px solid #e5e5e5;
}

.top_1{
	width:1190px;
	height:26px;
	margin: auto;
	font-size:12px;
	color:#999;
}
.top .top_1 a .left{
	display:block;
	width:20px;
	height:20px;
	margin-right:-12px;
	background:url(../img/zhuye.png) no-repeat;
	float:left;
	margin-top:4px;
}

.top .top_1 a,.top .top_1 span{
	margin-right:10px;
	line-height:26px;
	margin-left:10px;
}
.top .top_1 a{
	text-decoration:none;
	color:#999;
}
.top .top_1 a:hover{
	text-decoration:underline;
	color:red;
}

.top .top_1 ul{
	margin:0;
	padding:0;
	float:right;
}
.top .top_1 ul li{
	float:left;
	list-style:none;
	margin-right:2px;
}

.top .top_1 .padding_left{
	padding-left:15px;
	position:relative;
}

.top .top_1 ul li{position:relative;}
.triangle{
			width:0;
			height:0;
			border:4px solid; 
			border-color:#bbb transparent transparent transparent;
			position:absolute;
			top:10px;
			right:0px;
}
.top .top_1 ul li .lastone{position:absolute;top:5px;right:-10px;}
.top .top_1 ul li .line{
	line-height:26px;
	margin:0 10px 0 0;
}

.top .top_1 ul li .picture{
	display:block;
	width:15px;
	height:20px;
	position:absolute;
	top:0px;
	left:-2px;
}

.top .top_1 ul li .picture.pic_1{
	background:url(../img/shopping.png) no-repeat center/auto 80%;
	margin-top:-3px;
}

.top .top_1 ul li .picture.pic_2{
	background:url(../img/ipone.png) no-repeat center/auto 80%;
}

.top .top_1 ul li .picture.pic_3{
	background:url(../img/pc.png) no-repeat center/auto 60%;
	margin-top:-1px;
}

.top .top_1 ul li .right{
	display: none;
	width:98px;
	border: 1px solid #eee;
	padding-top:5px;
	border-top:0;
	position:absolute;
	top:26px;	
	background-color:#FFFFFF;
	z-index: 555;
}
.top .top_1 ul li .right_1{
	width:85px;	
	background-color:#FFFFFF;
}
.top .top_1 ul li .right p{
	text-align: center;
}
.top .top_1 ul li .right a{
	margin:0;
	padding:0;
}
.top .top_1 ul li .right.right_2{
	width:132px;
	padding: 10px 0 10px 10px;
	background-color:#FFFFFF;
}
.top .top_1 ul li .right.right_2 ul li{
	border:0;
	border-bottom:1px dashed;
	margin: 0;
	margin-bottom:10px;
}
.top .top_1 ul li .right.right_2 ul li h3{
	color:#666666;
}
.top .top_1 ul li .right.right_2 ul li a{
	margin-right:10px;
}
.top .top_1 ul li .right_3{width:1190px;height:174px;padding:8px 10px;position:absolute;right:81px;background-color:#FFFFFF;z-index:555;}
.width{float:left;width:95px;height:28px;margin: 0;}
.top .top_1 ul li .right_3 .width a{color:#666;}
.hot,.market,.brand,.help{float:left;padding-left:30px;}
.top .top_1 ul li .hot{width:355px;height:164px;border-right: 1px solid #eee;}
.top .top_1 ul li .market{width:355px;height:164px;border-right: 1px solid #eee;}
.top .top_1 ul li .brand{width:225px;height:164px;border-right: 1px solid #eee;}
.top .top_1 ul li .help{width:225px;}
/*导航栏隐藏框*/
.top .top_1 ul li:first-child:hover{
	background-color:#fff;
	border: 1px solid #eee;
	border-bottom:0;
}
.top .top_1 ul li:first-child:hover .right{
	display:block;
}
.top .top_1 ul li:nth-of-type(3):hover{
	background-color:#fff;
	border: 1px solid #eee;
	border-bottom:0;
}
.top .top_1 ul li:nth-of-type(3):hover .right{
	display:block;
}
.top .top_1 ul li.merchant:hover{
	background-color:#fff;
	border: 1px solid #eee;
	border-bottom:0;
}
.top .top_1 ul li.merchant:hover .right{
	display:block;
}
/*logo区域和搜索框*/
.search{width:1190px;height:90px;margin:0 auto;font-size:12px;color:#999999;position:relative;}
.search .padding{margin:20px 0 0 0;height:65px;}
.search .store{width:186px;height:45px;padding:0 10px;border-right: 1px solid #eee;border-left: 1px solid #eee;}
.search .store a{text-decoration:none;color:#333333;font-weight:bold;font-family: "\5b8b\4f53";}
.search .store a:hover{text-decoration:underline;}
.search .store .store_1{display:inline-block;width:54px;height:16px;border-radius:10%;background-color:#f4c985;
border:1px solid #e7ba77;font-size: 10px;color: #856651;line-height: 14px;margin: 0;
font-weight: 700;text-align: center;font-style: normal;}
.search .store img{vertical-align: bottom;}
.search .logo{width:170px;padding-right:17px;}
.logo,.store,.logistics,.mobile{float:left;}
.search .logistics{width:152px;height:45px;padding:0 10px;border-right: 1px solid #eee;position:relative;}
.search .logistics p{font-family: "\5b8b\4f53";letter-spacing:8px;}
.search .logistics span{font-family: "\5b8b\4f53";color:#ff0036;font-size:14px;padding-left:2px;}
.search .logistics img{width:12px;height:10px;vertical-align:baseline;}
.search .logistics .logistics_1{width:300px;height:150px;padding:20px 0 0 10px;display:none;position:absolute;right:0;border:1px solid #eee;background-color:#ffffff;}
.search .logistics .logistics_1 .width{width:140px;}
.search .logistics:hover .logistics_1,.search .mobile:hover .mobile_2{display:block;}
.mobile{padding:0 10px;position:relative;}
.mobile img{width: 22px;}
.mobile .mobile_1{position:relative;padding-top:5px;}
.mobile .mobile_1 .position{position:absolute；top:12px;right:2px;}
.mobile .mobile_2 img{width:100%;}
.mobile .mobile_2{width:160px;height:180px;padding:10px;position:absolute;left:0;display: none;}
.mobile .mobile_2 p{text-align:center;}

/*搜索框*/
.search .input{height:51px;padding-top: 25px;position:absolute;right:0;}
.search .input .text{outline:0;width:370px;height:25px;border:3px solid red;border-right:0;padding:3px;}
.search .input .submit,.search .input .bendian{width:80px;height:37px;background-color:red;border:3px solid red;font-size: 16px;letter-spacing: 0;cursor: pointer; color: #fff;vertical-align: bottom;} 
.search .input .bendian{background-color:#333333;border:#333333;}

/*右边的黑色边框固定区域*/
.block{height:100%;width:35px;background-color:#000000;position:fixed;right:0;top:0;z-index:666;}
.block .width-height{width:35px;height:35px;}
.block .block_top{background:url(../img/logo-tiaomao.png) no-repeat;position:absolute;top:140px;right:0;}
.block .block_shopping{width:35px;height:100px;background:url(../img/shopping.png) 10px 10px no-repeat;
position:absolute;top:175px;right:0;font-size:12px;color:#FFFFFF;padding:35px 8px;text-align: center;border: 1px solid #444;
border-width: 1px 0;margin-top: 10px;}
.block .block_money{padding:5px 0;background:url(../img/money.png) 10px 8px no-repeat;position:absolute;top:300px;right:0;}
.block .block_star{padding:5px 0;background:url(../img/star.png) 10px 8px no-repeat;position:absolute;top:335px;right:0;margin-top:5px;}
.block .block_data{padding:5px 0;background:url(../img/data.png)no-repeat;position:absolute;top:370px;right:0;margin-top:10px;}
.block .block_ma{padding:5px 0;background:url(../img/ma.png) 8px 6px no-repeat;position:absolute;bottom:45px;right:0;margin-top:10px;}
.block .block_bottom{padding:5px 0;background:url(../img/top.png) 6px 6px no-repeat/60% 80%;position:absolute;bottom:0px;right:0;margin:10px 0;}
.block .block_top:hover,.block .block_shopping:hover,.block .block_money:hover,.block .block_star:hover,.block .block_data:hover,.block .block_ma:hover,.block .block_bottom:hover{background-color:#ff0036;cursor:pointer;}

/*商品栏目区*/
.logo-back{width: 1366px;height: 140px;background: url(../img/logo-back.jpg) -280px 0px no-repeat;}
.logo-back .logo-center{margin: 0 auto;width:1190px;height:140px;margin-top:30px;position:relative;}
.logo-back .logo-center .logo-pic{position:absolute;right:0;top:30px;height:110px;}
.logo-back .logo-center .logo-nav{width:790px;height:20px;position:absolute;left:115px;bottom:40px;}
.logo-back .logo-center .logo-nav a{text-decoration:none;color:rgb(51, 51, 51);font-family: 微软雅黑;padding: 0px 10px 0px 10px;}
.logo-back .logo-center .logo-nav .in:hover{color: rgb(60, 105, 72);padding-bottom:10px;border-bottom:2px solid rgb(60, 105, 72);}
/*hover隐藏项目*/
.logo-center .logo-nav .logo-coffee{width:400px;height:300px;padding:5px 20px 10px 10px;background-color:#f7f7f7;}
.logo-center .logo-nav .logo-coffee img{position:absolute;top:10px;right:0;display:}
.logo-center .logo-nav .logo-coffee a{padding:5px 0;border-bottom:1px solid #eee;display:block;width:100px;text-align:center;}
.logo-center .logo-nav .logo-left{position:absolute;top:35px;left:200px;display:none;z-index: 6666;}
.logo-center .logo-nav .logo-left-1{position:absolute;top:35px;left:260px;display:none;z-index: 6666;}
.logo-center .logo-nav .logo-right{position:absolute;top:35px;left:300px;display:none;z-index: 6666;}
.logo-center .logo-nav .logo-right-1{position:absolute;top:35px;left:375px;display:none;z-index: 6666;}
.logo-center .logo-nav .logo-car{width:85px;height:50px;background-color: #f7f7f7;}
.logo-center .logo-nav .logo-car-1{position:absolute;top:35px;left:446px;display:none;z-index: 6666;}
.logo-center .logo-nav .logo-car-2{position:absolute;top:35px;left:532px;display:none;z-index: 6666;}
.logo-center .logo-nav .hover_1:hover ~ .logo-left{display: block;}
.logo-center .logo-nav .hover_2:hover ~ .logo-left-1{display: block;}
.logo-center .logo-nav .hover_3:hover ~ .logo-right{display: block;}
.logo-center .logo-nav .hover_4:hover ~ .logo-right-1{display: block;}
.logo-center .logo-nav .hover_5:hover ~ .logo-car-1{display: block;}
.logo-center .logo-nav .hover_6:hover ~ .logo-car-2{display: block;}
/*l轮播图*/
.lun_pic,.content_pic{width: 1366px;margin:0;overflow: hidden;}
.lun_pic {height:650px;width:1366px;}
.lun_pic .pos{width:5464px;height: 100%;overflow: hidden;}
.lun_pic .pos a{display:inline-block;height: 100%;width: 25%;float: left;}
.lun_pic .pos img{height: 100%;width:100%;}
/*.lun_pic .pos-1{position:absolute;left:-280px;top:0;}
.lun_pic .pos-2{position:absolute;left:2452px;top:0;}
.lun_pic .pos-3{position:absolute;left:3818px;top:0;}
.lun_pic .pos-4{position:absolute;left:5184px;top:0;}*/
.lun_pic .pos{ animation:lun 3s step-start infinite forwards alternate-reverse;transition: 0.2s;}
 @keyframes lun{
	0%{transform:translate(0,0);}
	20%{transform:translate(0,0);}
	40%{transform:translate(-25%,0);}
	60%{transform:translate(-50%,0);}
	100%{transform:translate(-75%,0);}
}
/*内容图片样式*/
.content_pic img{vertical-align:bottom;margin-left:-295px;}

/*底部样式*/
.foot-logo{width:auto;padding:20px 0;border-bottom:1px solid #d1d7dc;}
.foot-logo a{display:block;width:120px;margin:0 auto;}

.foot-1{width:1190px;margin:25px auto;}
.foot-1 a{width:225px;height:70px;display:block;float:left;text-decoration:none;font-size:12px;color:#999;padding:20px 35px 20px 35px;}
.foot-1 .yuan{width:50px; height:50px;border:3px solid red;border-radius:50%;text-align:center;line-height: 40px;color:red;font-size:28px;font-weight:bold;float:left;margin-right:15px;}
.foot-1 p{color:#2d2d2d;font-size:18px;font-weight:bold;text-shadow:1px 0px #eee;}
.foot-1 span{color:#bebebe;font-size:16px;text-shadow:1px 1px #eee;}

.foot-2{width:1190px;margin:0 auto;border-top:1px solid #eee;padding:20px 0;}
.foot-2 .wen{width:100px;float:left;margin:0 80px 0 50px}
.foot-2 .wen p{color: #646464;font-size: 16px;font-weight: 700;height: 30px;line-height: 30px;text-align: left;}
.foot-2 .wen a{text-decoration:none;display:block;font-size:12px;color:#999;height: 20px;line-height: 20px;text-align:left;}

.foot-3{border-top:2px solid #ff0036;background-color:black;height:195px;}
.foot-4{width:1190px;margin:0 auto;}
.foot-4 .guanyu,.foot-4 .lianxi{padding:6px 0;}
.foot-4 a{text-decoration:none;color:#FFFFFF;margin:0 3px;}
.foot-4 .guanyu span{color:#FFFFFF;}
.foot-4 .lianxi span{padding-right:80px;color:#a4a4a4;}
.foot-4 .lianxi a{color:#a4a4a4;}
.foot-4 .lianxi p{color:#686868;margin-top:5px;}
.foot-4 .lianxi img{vertical-align: bottom;}
.foot-4 a:hover,.foot-2 a:hover{text-decoration:underline;}
